<template>
  <view class="ad-item">
    <image class="ad-cover" :src="ad.cover" mode="widthFix"></image>
    <view class="ad-info">
      <view class="ad-title">{{ ad.title }}</view>
      <view class="ad-source">{{ ad.source }}</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    ad: {
      type: Object,
      required: true
    }
  }
};
</script>

<style scoped>
.ad-item {
  padding: 15rpx;
  border-bottom: 1px solid #f5f5f5;
}
.ad-cover {
  width: 100%;
  height: auto;
  border-radius: 8rpx;
  margin-bottom: 10rpx;
}
.ad-title {
  font-size: 30rpx;
  color: #333;
  margin-bottom: 5rpx;
}
.ad-source {
  font-size: 24rpx;
  color: #999;
}
</style>